﻿<phone:PhoneApplicationPage
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
    xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:controls="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls" 
    x:Class="Hangout.Client.Accounts.ZoikIt"
    FontFamily="{StaticResource PhoneFontFamilyNormal}"
    FontSize="{StaticResource PhoneFontSizeNormal}"
    Foreground="{StaticResource PhoneForegroundBrush}"
    SupportedOrientations="Portrait" Orientation="Portrait"
    mc:Ignorable="d" d:DesignHeight="768" d:DesignWidth="480">
	<phone:PhoneApplicationPage.ApplicationBar>
		<shell:ApplicationBar Opacity="1" BackgroundColor="{StaticResource AppbarColor}">
			<shell:ApplicationBarIconButton IconUri="/icons/appbar.check.rest.png" IsEnabled="True" Text="Ok"/>
			<shell:ApplicationBarIconButton IconUri="/Images/Appbar/Dashbord.png" IsEnabled="True" Text="Dashboard"/>
		</shell:ApplicationBar>
	</phone:PhoneApplicationPage.ApplicationBar>

    <!--LayoutRoot is the root grid where all page content is placed-->
    <Grid x:Name="LayoutRoot" Background="{StaticResource BlueBrush}">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>

    	<Canvas x:Name="HEader" Margin="0,0,0,653" Grid.RowSpan="2">
    		<Image Source="/Images/Top75Jpg.png" Stretch="Fill" Height="75" Width="480"/>
    		<TextBlock HorizontalAlignment="Right" TextWrapping="Wrap" Text="account" FontFamily="Segoe WP Light" FontSize="48" Foreground="#FF002455" VerticalAlignment="Top" Canvas.Left="303" Canvas.Top="10"/>
    	</Canvas>

    	<controls:Pivot HorizontalAlignment="Left" Height="725" Title="" VerticalAlignment="Top" Width="480" Grid.RowSpan="2" Margin="0,75,0,0" Foreground="{StaticResource YellowBrush}">
    		<controls:PivotItem x:Name="LoginItem" Header="login">
    			<StackPanel Height="561" Width="450">
    				<TextBlock TextWrapping="Wrap" Text="USERNAME / EMAIL" FontSize="26.667" Foreground="{StaticResource WhiteBrush}"/>
    				<TextBox x:Name="UsernameTB" Height="72" TextWrapping="Wrap" Margin="-11,0,-12,0"/>
    				<TextBlock TextWrapping="Wrap" Text="PASSWORD" Margin="0,10,0,0" FontSize="26.667" Foreground="{StaticResource WhiteBrush}"/>
    				<TextBox x:Name="PasswordTB" Height="72" TextWrapping="Wrap" Margin="-11,1,-12,0"/>
    				<TextBlock x:Name="ForgotPasswordLink" TextWrapping="Wrap">
    					<Run Text="Forgot your password? "/>
    					<Run Text="Tap here." TextDecorations="Underline"/>
    				</TextBlock>
    				<TextBlock x:Name="RegisterLink" TextWrapping="Wrap" Margin="0,194,-20,0" Foreground="{StaticResource YellowBrush}" Height="77">
    					<Run Text="Not yet registered? "/>
    					<Run Text="Register now" TextDecorations="Underline"/>
    					<Run Text=". It only takes 30 seconds."/>
    				</TextBlock>
    			</StackPanel>
    		</controls:PivotItem>
    		<controls:PivotItem x:Name="RegisterItem" Header="register">
    			<StackPanel Margin="0,0,0,35">
    				<TextBlock x:Name="ForgotPasswordLink_Copy" TextWrapping="Wrap" Text="Register your new Zoik it account here. It only takes 30 seconds. We promise."/>
    				<TextBlock TextWrapping="Wrap" Text="USERNAME" FontSize="26.667" Foreground="{StaticResource WhiteBrush}" Margin="0,10,0,0"/>
    				<TextBox Height="72" TextWrapping="Wrap" Margin="-12,0,-13,0" InputScope="Default"/>
    				<TextBlock TextWrapping="Wrap" Text="EMAIL" FontSize="26.667" Foreground="{StaticResource WhiteBrush}" Margin="0,10,0,0"/>
    				<TextBox Height="72" TextWrapping="Wrap" Margin="-12,0,-13,0" InputScope="EmailUserName"/>
    				<TextBlock TextWrapping="Wrap" Text="PASSWORD" FontSize="26.667" Foreground="{StaticResource WhiteBrush}" Margin="0,10,0,0"/>
    				<TextBox Height="72" TextWrapping="Wrap" Margin="-12,0,-13,0" InputScope="Password"/>
    				<TextBlock TextWrapping="Wrap" Text="CONFIRM PASSWORD" FontSize="26.667" Foreground="{StaticResource WhiteBrush}" Margin="0,10,0,0"/>
    				<TextBox Height="72" TextWrapping="Wrap" Margin="-12,0,-13,0"/>
    			</StackPanel>
    		</controls:PivotItem>
    	</controls:Pivot>
    </Grid>
 
    <!--Sample code showing usage of ApplicationBar-->
    <!--<phone:PhoneApplicationPage.ApplicationBar>
        <shell:ApplicationBar IsVisible="True" IsMenuEnabled="True">
            <shell:ApplicationBarIconButton IconUri="/Images/appbar_button1.png" Text="Button 1"/>
            <shell:ApplicationBarIconButton IconUri="/Images/appbar_button2.png" Text="Button 2"/>
            <shell:ApplicationBar.MenuItems>
                <shell:ApplicationBarMenuItem Text="MenuItem 1"/>
                <shell:ApplicationBarMenuItem Text="MenuItem 2"/>
            </shell:ApplicationBar.MenuItems>
        </shell:ApplicationBar>
    </phone:PhoneApplicationPage.ApplicationBar>-->

</phone:PhoneApplicationPage>
